<template>
	<view class="bizPage">
		<status-bar :title="title" />
		<view class="padding20" v-if="false">
			<view class="item bgwhite d-flex a-center m-bot20" v-for="(item,index) in 2" :key="index">
				<image class="icon m-right20" :src="staticImg + 'notice.png'"></image>
				<view class="flex-1">
					<view class="size28 color-333 bold ellipsis_1 m-bot20">奖励通知</view>
					<view class="size24 color-999">时间：2024年7月10日 00:00:00</view>
				</view>
			</view>
		</view>

		<up-empty :show="true" mode="list" marginTop="100"></up-empty>
	</view>
</template>

<script setup>
	import { ref } from 'vue'
	import { onLoad } from '@dcloudio/uni-app'
	import { staticImg } from '@/utils/config.js'
	import statusBar from '../components/statusBar.vue'
	
	const type = ref('')
	const title = ref('')
	
	onLoad((e) => {
		if(e.type) type.value = e.type
		title.value = type.value == 1 ? '奖励' : '训诫'
	})
</script>

<style lang="scss" scoped>
	.bizPage {
		min-height: 100vh;
		background: #F6F7FB;
	}  
	.item {
		height: 150rpx;
		box-shadow: 0rpx 3rpx 16rpx 0rpx rgba(182,182,182,0.39);
		border-radius: 20rpx;
		border: 1rpx solid #E5E7E9;
		padding: 0 30rpx;
		.icon {
			width: 66rpx;
			height: 66rpx;
		}
	}
</style>
